<!-- **
* @title: 发展概况 - 变更信息
* @author: manling.liu
* @date: 2021年7月7日
* @description:
* -->
<template name="changeInfo">
	<view class="">
		<view class="box">
			<!-- 变更信息头部 -->
			<view class="box-flex">
				<view class="text title" style="-webkit-flex: 1;flex: 1;">变更信息（3）</view>
				<view class="text" style="width: 44rpx;" @click="clickOpen()">
					<image v-if="!show" src="../../static/info_img/icon_pull-down_normal.png" mode=""></image>
					<image v-else src="../../static/info_img/icon_pull-down_selected.png" mode=""></image>
				</view>
			</view>
			
			<view class=""  v-if="show">
				<!-- 边框线条 -->
				<view class="bottom-frame"></view>
				
				<view class="" v-for="item in developData.changeInfos" :key="item.id">		
					<view class="box-flex" style="line-height: 56rpx;">
						<view class="number-text" style="width: 56rpx;">{{ item.merchantId }}</view>
						<view class="font-text" style="-webkit-flex: 1;flex: 1;">{{ item.changeType }}</view>
						<view class="date-text font-text" style="width: 135rpx;">{{ item.changeTime }}</view>
					</view>
					
					<view class="box-flex change-box">
						<view class="text" style="-webkit-flex: 1;flex: 1;">
							<view class="title-text">变更前</view>
							<view class="font-text">
								1：厦门市<text>{{ item.changeBefore }}</text>
							</view>
						</view>
						<view class="text" style="-webkit-flex: 1;flex: 1;">
							<view class="title-text">变更后</view>
							<view class="font-text">
								1：厦门市<text>{{ item.changeAfter }}</text>
							</view>
						</view>
					</view>
					
					<!-- 边框线条 -->
					<view class="bottom-frame"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "changeInfo",
		data() {
			return {
				show: false
			};
		},
		components: {
			
		},
		props: {
			developData: {
				type: Object,
				default: null
			}
		},
		methods: {
			// 点击展开关闭软件著作权
			clickOpen () {
				this.show = !this.show
			},
		},
		// 页面初始化完成时
		onLaunch() {
			
		},
		// 页面启动时
		onShow() {
			
		},
		// 页面从前台进入后台
		onHide() {
			
		},
		// 页面报错时触发
		onError() {
			
		}
	}
</script>

<style lang="stylus">
	@import url("../common.css")
	.date-text{
		font-size 24rpx
		color #939393
	}
	.number-text{
		width 56rpx
		height 56rpx
		background #F8F8F8
		border-radius 4rpx
		font-size 38rpx
		text-align center
		line-height 56rpx
		color #666666
		margin-right 32rpx
	}
	.change-box{
		// height 197rpx
		background-color #F8F8F8
		border-radius 10rpx
		margin 26rpx 0
		padding 30rpx 25rpx
	}
	.font-text text{
		line-height 42rpx
		color #EC5F5A
	}
</style>
